<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Edit page the the object 'Ficha'</title>

    <script src="../js/jquery-2.1.1.js" type="application/javascript"></script>
    <script src="../js/jquery-ui.js" type="application/javascript"></script>
    <link href="../css/jquery-ui.css" rel="stylesheet">
    <link href="../css/jquery-ui.structure.css" rel="stylesheet">
    <link href="../css/jquery-ui.theme.css" rel="stylesheet">

    <script src="../bootstrap/js/bootstrap.js"></script>
    <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">

    <script src="../js/coma.js" type="application/javascript"></script>
    <!--<script src="../js/bootstrap-datepicker.js"></script>-->
    <!--<link href="../css/datepicker.css">-->

    <script type="text/javascript">
        function mostrar() {
            document.getElementById('oculto').style.display = 'block';
        }
    </script>

    <script>
        $(function () {

            $(document).ready(function () {
                $('.date').datepicker({
                    pickDate: true,
                    showToday: true,
                    useStrict: true,
                });
            });
        });
    </script>

    <style>
        .big_check {
            width: 16px;
            height: 16px;
        }
        .nomargin {
            margin-left: 0px;
            margin-right: 0px;
            padding-left: 0px;
            padding-right: 0px;
        }
    </style>


</head>

<body style="max-width: 1024px;">

    <form id="edit_form" object="Ficha" type="edit">


        <legend>Edición de ficha <span id="lbl_id"></span>
        </legend>

        <div class="panel panel-default" feature_group="1">
            <div class="panel-heading">
                <h3 class="panel-title">Recepción</h3>
            </div>
            <div class="panel-body">
                <div class="row">

                    <div class="form-group col-md-12">
                        <label class="col-md-2 control-label" for="filter_tipo">Tipo de producto</label>

                        <div class="col-md-10">
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="radio">
                                        <label>
                                            <input id="chk_enviar" name="optionsTipoEdit" type="radio" value="pelicula" checked=true onchange="radioTipoEditChanged(this)">Película</label>
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <input id="nombre" type="text" placeholder="Nombre del título" class="form-control input-md">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="radio">
                                        <label>
                                            <input id="chk_enviar" name="optionsTipoEdit" type="radio" value="serie" checked=true onchange="radioTipoEditChanged(this)">Serie/Documental</label>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <select id="idSerie" class="form-control input-md">
                                        <option>(Seleccione)</option>
                                    </select>
                                </div>
                                <div class="col-md-2 ">
                                    <input id="capitulo" type="text" placeholder="Capítulo" class="form-control input-md">
                                </div>
                                <div class="col-md-1 ">
                                    <button type="button" class="btn btn-default" onclick="edit('Serie',idSerie.value)">
                                        <span class="glyphicon glyphicon-pencil"></span>
                                    </button>
                                </div>
                                <div class="col-md-1 ">
                                    <button type="button" class="btn btn-default" onclick="edit('Serie', -1)">
                                        <span class="glyphicon glyphicon-plus"></span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>


                <div class="row">
                    <div class="form-group col-md-12">
                        <label class="col-md-1 control-label" for="descripcion">Descripción</label>
                        <div class="col-md-11">
                            <textarea id="descripcion" class="form-control" rows="3"></textarea>
                        </div>
                    </div>

                </div>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="col-md-2 control-label" for="filter_nombre">Cliente</label>
                        <div class="col-md-6">
                            <select id="idCliente" class="form-control input-md" onchange="selectChanged('Ficha','idCliente')">
                                <option>(Seleccione)</option>
                            </select>
                        </div>
                        <div class="col-md-1">
                            <button type="button" class="btn btn-default" onclick="edit('Cliente',idCliente.value)">
                                <span class="glyphicon glyphicon-pencil"></span>
                            </button>
                        </div>
                        <div class="col-md-1">
                            <button type="button" class="btn btn-default" onclick="edit('Cliente', -1)">
                                <span class="glyphicon glyphicon-plus"></span>
                            </button>
                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="col-md-2 control-label" for="idEmpresa">Empresa</label>
                        <div class="col-md-6">
                            <select id="idEmpresa" class="form-control input-md" onchange="selectChanged('Ficha','idCliente')">
                                <option>(Seleccione)</option>
                            </select>
                        </div>

                    </div>

                    <div class="form-group col-md-3">
                        <label class="col-md-5 control-label" for="filter_nombre">Recibido</label>
                        <div class="col-md-1 nomargin">
                            <input id="fechaRecepcionCheck" type="checkbox" class="form-control input-md big_check" control="fechaRecepcion" onclick="setDatepicker(event)">
                        </div>
                        <div class="col-md-6 nomargin">
                            <input id="fechaRecepcion" type="text" placeholder="(vacío)" class="form-control input-md date">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="panel panel-default" feature_group="2">
            <div class="panel-heading">
                <h3 class="panel-title">Producción</h3>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="col-md-2 control-label" for="traductor">Traductor</label>
                        <div class="col-md-10">
                            <input id="traductor" type="text" placeholder="Informe este campo" class="form-control input-md">
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <label class="col-md-5 control-label" for="filter_nombre">Traducido</label>
                        <div class="col-md-1 nomargin">
                            <input id="fechaTraduccionCheck" type="checkbox" class="form-control input-md big_check" control="fechaTraduccion" onclick="setDatepicker(event)">
                        </div>
                        <div class="col-md-6 nomargin">
                            <input id="fechaTraduccion" type="text" placeholder="Indique fecha" class="form-control input-md date">
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <label class="col-md-5 control-label" for="filter_nombre">Subtitulado</label>
                        <div class="col-md-1 nomargin">
                            <input id="fechaSubtituladoCheck" type="checkbox" class="form-control input-md big_check" control="fechaSubtitulado" onclick="setDatepicker(event)">
                        </div>
                        <div class="col-md-6 nomargin">
                            <input id="fechaSubtitulado" type="text" placeholder="Indique fecha" class="form-control input-md date">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="col-md-2 control-label" for="director">Director</label>
                        <div class="col-md-10">
                            <input id="director" type="text" placeholder="Informe este campo" class="form-control input-md">
                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="col-md-2 control-label" for="ayudante">Ayudante</label>
                        <div class="col-md-10">
                            <input id="ayudante" type="text" placeholder="Informe este campo" class="form-control input-md">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="col-md-2 control-label" for="traductor">Ajustador</label>
                        <div class="col-md-10">
                            <input id="ajustador" type="text" placeholder="Informe este campo" class="form-control input-md">
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <label class="col-md-5 control-label" for="filter_nombre">Ajustado</label>
                        <div class="col-md-1 nomargin">
                            <input id="fechaAjustadoCheck" type="checkbox" class="form-control input-md big_check" control="fechaAjustado" onclick="setDatepicker(event)">
                        </div>
                        <div class="col-md-6 nomargin">
                            <input id="fechaAjustado" type="text" placeholder="Indique fecha" class="form-control input-md date">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-3">
                        <label class="col-md-5 control-label" for="filter_nombre">Inicio Sala</label>
                        <div class="col-md-1 nomargin">
                            <input id="fechaInicioSalaCheck" type="checkbox" class="form-control input-md big_check" control="fechaInicioSala" onclick="setDatepicker(event)">
                        </div>
                        <div class="col-md-6 nomargin">
                            <input id="fechaInicioSala" type="text" placeholder="Indique fecha" class="form-control input-md date">
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <label class="col-md-5 control-label" for="filter_nombre">Salida Sala</label>
                        <div class="col-md-1 nomargin">
                            <input id="fechaFinSalaCheck" type="checkbox" class="form-control input-md big_check" control="fechaFinSala" onclick="setDatepicker(event)">
                        </div>
                        <div class="col-md-6 nomargin">
                            <input id="fechaFinSala" type="text" placeholder="Indique fecha" class="form-control input-md date">
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <label class="col-md-5 control-label" for="filter_nombre">Doblado</label>
                        <div class="col-md-1 nomargin">
                            <input id="fechaDobladoCheck" type="checkbox" class="form-control input-md big_check" control="fechaDoblado" onclick="setDatepicker(event)">
                        </div>
                        <div class="col-md-6 nomargin">
                            <input id="fechaDoblado" type="text" placeholder="Indique fecha" class="form-control input-md date">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="col-md-2 control-label" for="traductor">Técnico Sala</label>
                        <div class="col-md-10">
                            <input id="tecnico" type="text" placeholder="Informe este campo" class="form-control input-md">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="col-md-2 control-label" for="traductor">Mezclador</label>
                        <div class="col-md-10">
                            <input id="mezclador" type="text" placeholder="Informe este campo" class="form-control input-md">
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <label class="col-md-5 control-label" for="filter_nombre">Mezclado</label>
                        <div class="col-md-1 nomargin">
                            <input id="fechaMezcladoCheck" type="checkbox" class="form-control input-md big_check" control="fechaMezclado" onclick="setDatepicker(event)">
                        </div>
                        <div class="col-md-6 nomargin">
                            <input id="fechaMezclado" type="text" placeholder="Indique fecha" class="form-control input-md date">
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <label class="col-md-5 control-label" for="filter_nombre">T. Mezcla</label>
                        <div class="col-md-6 nomargin">
                            <input id="tiempoMezcla" type="text" placeholder="Indique Tiempo" class="form-control input-md time">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="col-md-2 control-label" for="traductor">Repicador</label>
                        <div class="col-md-10">
                            <input id="repicador" type="text" placeholder="Informe este campo" class="form-control input-md">
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <label class="col-md-5 control-label" for="filter_nombre">Repicado</label>
                        <div class="col-md-1 nomargin">
                            <input id="fechaRepicadoCheck" type="checkbox" class="form-control input-md big_check" control="fechaRepicado" onclick="setDatepicker(event)">
                        </div>
                        <div class="col-md-6 nomargin">
                            <input id="fechaRepicado" type="text" placeholder="Indique fecha" class="form-control input-md date">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-3">
                        <label class="col-md-5 control-label" for="filter_nombre">Fecha Entrega</label>
                        <div class="col-md-1 nomargin">
                            <input id="fechaEnvioPrevistaCheck" type="checkbox" class="form-control input-md big_check" control="fechaEnvioPrevista" onclick="setDatepicker(event)">
                        </div>
                        <div class="col-md-6 nomargin">
                            <input id="fechaEnvioPrevista" type="text" placeholder="Indique fecha" class="form-control input-md date">
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <label class="col-md-5 control-label" for="filter_nombre">Fecha envío</label>
                        <div class="col-md-1 nomargin">
                            <input id="fechaEnviadoCheck" type="checkbox" class="form-control input-md big_check" control="fechaEnviado" onclick="setDatepicker(event)">
                        </div>
                        <div class="col-md-6 nomargin">
                            <input id="fechaEnviado" type="text" placeholder="Indique fecha" class="form-control input-md date">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-12">
                        <label class="col-md-1 control-label" for="retakes">Retakes</label>
                        <div class="col-md-11">
                            <input id="retakes" type="text" placeholder="Informe este campo" class="form-control input-md">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel panel-default" feature_group="3">
            <div class="panel-heading">
                <h3 class="panel-title">Facturación</h3>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="form-group col-md-4">
                        <label class="col-md-6 control-label" for="presupuesto">Presupuesto</label>
                        <div class="col-md-6">
                            <input id="presupuesto" name="filter_nombre" type="text" placeholder="En euros" class="form-control input-md">
                        </div>
                    </div>
                    <div class="form-group col-md-4">
                        <label class="col-md-6 control-label" for="coste">Coste</label>
                        <div class="col-md-6">
                            <input id="coste" type="text" placeholder="En euros" class="form-control input-md">
                        </div>
                    </div>
                    <div class="form-group col-md-4">
                        <label class="col-md-6 control-label" for="importeFactura">Total Factura</label>
                        <div class="col-md-6">
                            <input id="importeFactura" type="text" placeholder="en euros" class="form-control input-md money">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-3">
                        <label class="col-md-5 control-label" for="fechaFactura">Facturado</label>
                        <div class="col-md-1 nomargin">
                            <input id="fechaFacturaCheck" type="checkbox" class="form-control input-md big_check" control="fechaFactura" onclick="setDatepicker(event)">
                        </div>
                        <div class="col-md-6 nomargin">
                            <input id="fechaFactura" type="text" placeholder="Indique fecha" class="form-control input-md date">
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <label class="col-md-4 control-label" for="numeroFactura">Factura</label>
                        <div class="col-md-4 nomargin">
                            <input id="anoFactura" type="text" placeholder="Año" class="form-control input-md">
                        </div>
                        <div class="col-md-4 nomargin">
                            <input id="numeroFactura" type="text" placeholder="Número" class="form-control input-md">
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <label class="col-md-6 control-label" for="vencimiento">Venciminento</label>
                        <div class="col-md-4">
                            <input id="vencimiento" type="text" placeholder="Dias" class="form-control input-md">
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <label class="col-md-5 control-label" for="fechaCobrado">Cobrado</label>
                        <div class="col-md-1 nomargin">
                            <input id="fechaCobradoCheck" type="checkbox" class="form-control input-md big_check" control="fechaCobrado" onclick="setDatepicker(event)">
                        </div>
                        <div class="col-md-6 nomargin">
                            <input id="fechaCobrado" type="text" placeholder="Indique fecha" class="form-control input-md date">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4">
                <label class="col-md-12" id="change">(Sin cambios pendientes)</label>
            </div>
            <div class="col-md-4">
                <button id="save" type="button" class="btn btn-primary" onclick="saveObject()">Guardar</button>
                <button id="cancel" type="button" class="btn btn-warning" onclick="cancelEdit()">Cancelar</button>
                <button id="delete" type="button" class="btn btn-danger">Eliminar</button>
            </div>
            <div class="col-md-4">
                <label class="col-md-12" hidden="true">Guardado por admin 10/10/2014</label>
            </div>
        </div>

        <div class="row">&nbsp;
        </div>

        <div id='oculto' style='display:none;'>
            Contenido a ocultar, puede ser bloques de texto, imágenes, videos o cualquier otro elemento.
        </div>

    </form>

</body>

</html>